form {
    display: flex;
    flex-direction: column;
    background-color: white;
    margin-top: 30px;
    text-align: left;
}
@media (max-width:650px) {
    form {
        display: flex;
        flex-direction: column !important;
        }
        .ref-input_box {
            display: flex;
            flex-direction: column !important;
            }
            .contactus-textarea {
                width: 90% !important;
            }
}
.tags {
    align-self: center !important;
    align-items: center;
}
.ref-input_box {
display: flex;
flex-direction: row;
}


.ref-box{
    box-shadow: 0px 10px 15px -7px rgba(10, 10 , 10, 0.25);
    height: max-content;
    width: 100%;
    padding: 20px;
    
}
.ref-input {
    width: 95%;
    margin-top: 0 !important;
    margin: 10px;
    font-size: 18px;
    padding: 10px;
    border-radius: 03px;
    border:none ;
    background-color: rgb(230, 230, 230);
}

.btn-ref {
    border: none;
    width: max-content;
    padding: 08px 15px;
    border-radius: 7px;
    align-self: center;
    background-color: black;
    color: white !important;
    margin: 10px;
    font-size: 20px;
    border: 2px solid black;
}

.btn-ref:hover {
    background-color: white;
    color:  #10408D!important;
     border: 2px solid black; 
     transition: 0.2s;
    
}

.contactus-textarea {
    padding: 10px;
    margin-top: 0 !important;
    margin: 10px;
    font-size: 18px;
    width: 95%;
}

.ref-box > h3 {
    text-align: center;
    color: #10408D !important;
}

.contactus-img {
    width: 100%;
    height: 100%;
}

.d-lg-flex-top-margin {
    margin-top: 0px;
}

.contactUsSection {
margin-bottom: 0px!important;
background-color: white !important;
}

.contactus-hr {
    margin-bottom: 0!important;
}

.label {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 14px;
    margin-left: 6px;
 }